<template>
<div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>个人入党记录</span>
      </div>
      <el-table id="Issue" :data="issue" stripe border >
        <el-table-column label="序号" align="center" width="80">
          <template slot-scope="scope">
            <span>{{ scope.$index }}</span>
          </template>
        </el-table-column>
        <el-table-column label="入党事件" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.issue }}</span>
          </template>
        </el-table-column>
        <el-table-column label="事件产生时间" align="center">
          <template slot-scope="scope">
           <span>{{ scope.row.time }}</span>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
</div>
</template>
<script>
export default {
  name: "Party",
  props:['id'],
  data() {
    return {
        issue:[],
    }

  },
  mounted:function(){
    var url='/party/issue_query';
        this.$http.get(url,{params:this.id}).then((res) =>{
                console.log(res);
                var jsonObject = res.data;
                this.issue=jsonObject.issues;
            })
            .catch((err) => {
                          this.$notify.error({
                            title: "错误",
                            message: "服务器内部错误",
                          });
                        });
  },
}
</script>
<style scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  width: 700px;
}
</style>
